<div class="service-case" [ngStyle]="tagData.cssStyle | styleFilter">
  <ng-container *ngFor="let item of tagData.data?.data;let i = index">
    <!--有视频-->
    <ng-container *ngIf="item.img_video?.videoUrl; else elseTemplate">
      <div class="img-content" appDebounceClick (debounceClick)="openPage(item.link)">
        <div class="content-left" [ngStyle]="item.img_video?.leftCssStyle | styleFilter">
          <img src="{{item.img_video?.videoUrl.split(',')[0]+'?x-oss-process=video/snapshot,t_3,f_jpg,ar_auto'}}" [ngStyle]="item.img_video?.videoCssStyle | styleFilter"/>
          <img class="play" [src]="item.img_video?.playIcon" onerror="this.src='assets/icon/video_icon_paly@3x.png'" />
        </div>
        <div class="content-right">
          <div class="img" *ngFor="let ite of item.img_video?.imgUrl.split(',').slice(0,2);let inde = index" [ngStyle]="item.img_video?.rightCssStyle | styleFilter">
            <img *ngIf="ite && ite !== ''" [ngClass]="{'radius-rightTop': inde == 0,'radius-rightBottom': inde > 0}" [src]="ite" />
          </div>
        </div>
      </div>
    </ng-container>
    <!--无视频-->
    <ng-template #elseTemplate>
      <div class="img-content" appDebounceClick (debounceClick)="openPage(item.link)">
        <div class="content-left" [ngStyle]="item.img_video?.leftCssStyle | styleFilter">
          <img [src]="item.img_video?.imgUrl.split(',')[0]" />
        </div>
        <div class="content-right">
          <div class="img" *ngFor="let ite of item.img_video?.imgUrl.split(',').slice(1,3);let inde = index" [ngStyle]="item.img_video?.rightCssStyle | styleFilter">
            <img *ngIf="ite && ite !== ''" [ngClass]="{'radius-rightTop': inde == 0,'radius-rightBottom': inde > 0}" [src]="ite" />
          </div>
        </div>
      </div>
    </ng-template>
    <div class="first-label" appDebounceClick (debounceClick)="openPage(item.link)" [ngStyle]="item.title?.firstText?.cssStyle | styleFilter">{{item.title?.firstText?.label}}</div>
    <div class="second-label" appDebounceClick (debounceClick)="openPage(item.link)" [ngStyle]="item.secondText?.label?.cssStyle | styleFilter">
      <ng-container *ngFor="let it of item.secondText?.label?.tags;let ind = index;">
        <span class="text" [ngStyle]="item.secondText?.label?.tagsCssStyle | styleFilter">{{it}}</span><span *ngIf="ind !== item.secondText?.label?.tags?.length - 1"
         class="line" [ngStyle]="item.secondText?.label?.lineCssStyle"></span>
      </ng-container>
    </div>
  </ng-container>
</div>

<div class="noData" *ngIf="(tagData.data?.data?.length < 1)||(!tagData.data?.data)">
  <span class="noData-span">暂无数据</span>
</div>